<!--
 * @Author: 刘美红 liumeihong@llootong.com
 * @Date: 2025-04-17 16:54:33
 * @LastEditors: 刘美红 liumeihong@llootong.com
 * @LastEditTime: 2025-04-23 10:43:18
 * @FilePath: \xgjd-app\src\pages\index\component\ggaq\ggaq.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <view>
    <!-- 公共安全科长/科员：我看页面一样，通过角色判断一下数据和按钮权限 -->
    <WeatherDetails />
    <!-- echarts图表，类型分析页面 -->
    <sjgkList />
    <!-- 常用工具  :tools="tablist"-->
    <view class="module-margin">
      <CommonTools></CommonTools>
    </view>
    <!-- 紧急事件 -->
    <view class="module-margin">
      <EmergencyIncidents></EmergencyIncidents>
    </view>
    <!-- 巡查待办 -->
    <view class="module-margin">
      <InspectionToDos></InspectionToDos>
    </view>
  </view>
</template>

<script setup lang="ts">
import WeatherDetails from './WeatherDetails.vue';
import sjgkList from './sjgkList.vue';
import CommonTools from '../../../../components/CommonTools.vue';
import EmergencyIncidents from './EmergencyIncidents.vue';
import InspectionToDos from './InspectionToDos.vue';
</script>

<style scoped>
.main-page {
  display: flex;
  flex-direction: column;
  padding: 0 20rpx;
  background-color: #f0f0f0;
  height: 100vh;
}
</style>
